<template>
  <div >
    <div  >
      <router-view>
       
      </router-view>
    </div>
    <div style="height: 50px">
    <van-tabbar
        id='out'
        class="van-tb "
        v-model="active"
        active-color="#101010"
        inactive-color="#BDBBBB"
      >
        <van-tabbar-item class="iconfont my-icon-renwu" to="/home">我的</van-tabbar-item>
        <van-tabbar-item class="iconfont my-icon-huojian" to="/drill">训练</van-tabbar-item>
        <van-tabbar-item class="iconfont my-icon-xingxing" to="/vip">vip会员</van-tabbar-item>
        <van-tabbar-item class="iconfont my-icon-faxian" to="/find">发现</van-tabbar-item>
        <van-tabbar-item class="iconfont my-icon-dongtai" to="/dynamic">动态</van-tabbar-item>
    </van-tabbar>
    </div>
  </div>
</template>

<script>

export default {
    name:'Main',
    data () {
        return {
              active: 0,
            title:'',
            
        }
    },
    methods:{

 gate(msg){
        this.title=msg
    console.log(msg)
    }
    }
   

}
</script>

<style scoped>
    #out{
        font-size: 8px;
        color: aqua;
    }
    .box{
        display: flex;
        flex-direction: column;
    }
   


</style>
